@import "~@/assets/css/mixin.scss";
/** 全局公共样式  **/
//
//针对本系统定制的样式，根据系统需要写入

html,
body {
  height: 100%;
  // min-height: 700px;
  // min-width: 1400px;
  overflow: auto;
}

#app {
  height: 100%;
}


//************************* 自定义公共组件样式
//文字颜色

.font-mainColor {
  color: $mainColor !important;
}
.font-green {
  color: $green !important;
}

.font-orange {
  color: $orange !important;
}

.font-red {
  color: $red !important;
}

.font-success {
  color: #67C23A;
}

.font-danger {
  color: #F56C6C;
}


.font-light-red {
  color: #ff7c7c;
}

.font-light-green {
  color: #7fff7c;
}

.font-blue {
  color: #409EFF;
}

//背景颜色
.bg-green {
  background-color: $green;
}
.bg-orange {
  background-color: $orange;
}
.bg-red {
  background-color: $red;
}


//无数据时列表样式

.g-noData {
  height: 100%;
  min-height: 100px;
  @include flex-center-center;
  @include font(14px , $mainColor);
}

//y轴滚动条样式覆盖
.g-scroll-y {
  height: 100% !important;
  width: 100%;

  .el-scrollbar__wrap {
    overflow-x: hidden;
    overflow-y: scroll !important;
  }

  .el-scrollbar__bar {
    &.is-horizontal {
      display: none;
    }
  }
}


//x轴滚动条样式覆盖
.g-scroll-x {
  width: 100% !important;

  .el-scrollbar__wrap {
    overflow-y: hidden;
    overflow-x: scroll !important;
  }

  .el-scrollbar__bar {
    &.is-vertical {
      display: none;
    }
  }
}

//xy轴滚动条样式覆盖
.g-scroll-xy {
  width: 100% !important;
  height: 100% !important;
  .el-scrollbar__wrap {
    overflow-x: hidden !important;
    overflow-y: scroll !important;
  }
}

.g-example-btn {
  position: fixed;
  top: 20px;
  right: 20px;
  box-shadow: 0 2px 8px rgba(#000,0.1);
} 

.g-dark-section {
  background-color: #101d4a;
  @include flex-center-center;
  padding: 50px 0;
}

// @media screen and (max-width: 1000px) {
//   html {
//     font-size: 280px;
//   }
// }

// @media screen and (max-width: 800px) {
//   html {
//     font-size: 100px;
//   }
// }

.g-mali-radio {


}



















